.login{width:100%; max-width:640px; min-height:320px; background:#fff; z-index:100;}
.prodetail{width:100%; max-width:640px; min-height:320px; background:#fff; z-index:100; padding-bottom:50px;}
.confirm{width:100%; max-width:640px; min-height:320px; background:#efeff4; z-index:100; padding-bottom:50px;}
.listNoneNav{ width:100%; max-width:640px; min-height:100%;  background:#f5f5fa; padding-top:100px;}


.logo{ width:100%; max-width:640px; margin-top:40px;}
.logo img{ display:block; width:100%;}
.form{ width:100%; max-width:640px; padding-top:30px;}
.form ul{ width:90%; margin:0 auto;}
.form ul li{ padding:10px 0; margin-bottom:20px; border-bottom:1px #b2b2b2 solid;}
.form ul li img{ display:inline-block; width:25px; height:25px; vertical-align:-5px; margin-right:8px; margin-left:2px;}
.form ul li input[type=text]{ border:none; background:none; display:inline-block; width:70%; height:25px; font-size:15px; color:#333;}
.form ul li i{ display:inline-block; width:20px; height:20px; background:url(../img/input_del.png) no-repeat center center; background-size:20px 20px; float:right; margin-top:2px; margin-right:2px;}
.form ul li:nth-child(2) input[type=text]{ width:49%;}
.form ul li:nth-child(2) input[type=button]{ border:none; background:#ef0022; display:inline-block; width:30%; height:25px; font-size:13px; color:#fff; border-radius:2px; float:right;}
.form ul li b{ font-weight:normal; font-size:14px; color:#ef0022;}
.form ul li:nth-child(3){ border-bottom:none; margin-top:30px;}
.form ul li:nth-child(3) input[type=button]{ border:none; background:#ef0022; display:inline-block; width:100%; height:50px; font-size:16px; color:#fff; border-radius:2px; box-shadow:3px 0px 10px rgba(239,0,34,0.3);}


/*swipe*/
.swipePanel{ background:#fff;}
.swipePanel .swipe { overflow: hidden;}
.swipePanel .swipe img{ display:block;}
.swipePanel .swipe ul { float: left; -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipePanel .swipe #pagenavi { position:absolute; width:100%; left:0; bottom:10px; height:18px; text-align: center; overflow:hidden;}
.swipePanel .swipe #pagenavi a { width:13px; height:1px;  background:rgba(255,255,255,0.4); margin: 0 2px; overflow: hidden; cursor: pointer; display: inline-block;  text-indent:-9999em;}
.swipePanel .swipe #pagenavi a.active { background: #fff; height:2px;}

.list{ width:100%; max-width:640px;}
.list ul li{ margin-bottom:8px;}
.list ul li a{ display:block;}
.list ul li a .pic{ width:100%; max-width:640px;}
.list ul li a .pic img{ display:block; width:100%;}
.list ul li a .name{ padding:8px 15px;}
.list ul li a .name h1{ font-weight:normal; margin-bottom:5px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.list ul li a .name h1 b{ font-weight:normal; display:inline-block;padding:1px 3px; border:1px #e52a34 solid; font-size:13px; color:#e52a34; margin-right:5px; line-height:18px;}
.list ul li a .name h1 span{ font-size:16px; color:#333;}
.list ul li a .name p{ font-size:16px; color:#333; height:28px; line-height:28px;}
.list ul li a .name p b{ font-weight:normal; font-size:16px; color:#e52a34;}
.list ul li a .name p span{ font-size:16px; color:#fff; background:#e52a34; border-radius:2px; line-height:18px; padding:5px;  float:right; display:inline-block;}

.pro{ margin-top:10px; background:#fff;}
.pro h2{ font-weight:normal; padding:15px; font-size:15px; color:#333;}
.pro .pic{ width:100%; max-width:640px;}
.pro .pic img{ display:block; width:100%;}

.prolist{ width:100%; max-width:640px; background:#fff; margin-top:10px; padding-top:5px;}
.prolist h2{ font-weight:normal; font-size:16px; color:#333; background:url(../img/bg.png) no-repeat center center; background-size:auto 100%; margin:10px 0; text-align:center; height:20px; line-height:20px;}
.prolist ul li{ margin:0 10px; padding:10px 0; border-bottom:1px #e5e5e5 solid;}
.prolist ul li .pic{ width:130px; height:130px; float:left;}
.prolist ul li .pic img{ display:block; width:130px; height:130px;}
.prolist ul li .proname{ margin-left:140px; height:130px;overflow:hidden;}
.prolist ul li .proname h3{ font-weight:normal; font-size:15px; color:#333; line-height:18px; height:36px; overflow:hidden;}
.prolist ul li .proname p{ font-size:13px; color:#999; margin-top:5px;}

.ProInfo .ProName{ overflow:hidden; background:#fff; padding-bottom:15px;}
.ProInfo .ProName h1{ line-height:20px; padding:10px 10px 0 10px; text-align:left; font-size:15px; color:#333; font-weight:normal; position:relative; height:40px; overflow:hidden;}
.ProInfo .ProName p{ font-size:12px; margin-top:10px;  padding:0 10px;}
.ProInfo .ProName p span{margin-right:5px; color:#ef0022; padding-right:10px;}
.ProInfo .ProName p span b{ font-size:18px;}
.ProInfo .ProName p del{ color:#999;}
.ProInfo .ProName p em{ font-style:normal; float:right; font-size:12px; color:#999; padding-top:4px;}

.button{ width:100%; max-width:640px; position:fixed; bottom:0; background:#000; height:50px;}
.button span{ line-height:50px; color:#fff; font-size:16px; padding-left:10px;}
.button input{ border:none; background:#ef0022; font-size:16px; color:#fff; display:inline-block; width:45%; float:right; height:50px;}



/*确认订单*/
.address{ padding:20px 15px; position:relative; background:#fff;}
.address a{ display:block; width:100%;background:url(../img/goto.png) no-repeat right center; background-size:auto 13px;}
.address h2{ font-size:15px; color:#333; padding-bottom:10px; font-weight:normal;}
.address h2 span{ padding-right:10px;}
.address p{ font-size:13px; color:#808080;}

.ordermess{  margin-top:10px;}
.ordermess .orderlist{height:120px; border-bottom:1px #efeff4 solid;}
.orderlist .ordername .pic{ width:100px; height:100px; float:left;}
.orderlist .ordername{ padding:10px 0 10px 10px; position:relative;background:#fff; }
.orderlist .ordername img{ width:100px; height:100px;}
.orderlist .ordername .name{ margin-left:110px; height:100px;}
.orderlist .ordername .name span{ margin-top:5px; display:inline-block; width:65%; line-height:20px;color:#333; height:40px; overflow:hidden; font-size:14px;}
.orderlist .ordername .name span em{ font-weight: normal; font-style:normal; font-size:10px; color:#eb3349; border:1px #eb3349 solid; padding:1px 2px;}
.orderlist .ordername .name span em.jf{ font-weight: normal; font-style:normal; font-size:10px; color:#eb662b; border:1px #eb662b solid; padding:1px 2px;}
.orderlist .ordername .name b{ font-weight:normal; float:right; padding-top:5px; padding-right:10px; font-size:12px; color:#333;}
.orderlist .ordername .name b em{ font-style:normal; font-size:14px; font-weight:bold;}

.way{ padding-left:10px; background:#fff; font-size:15px; color:#333;}
.way ul li{ border-bottom:1px #e5e5e5 solid; padding:15px 10px 15px 0; }
.way ul li span{ float:right; font-size:12px; color:#333;}
.way ul li span em{ font-style:normal; font-size:14px;}
.way ul li:last-child span{ color:#ef0022;}
.way ul li:last-child { border-bottom:none;}
.way ul li input{ background:#fff; border:none; font-size:15px; color:#666; display:inline-block; width:74%;}

/*支付方式*/
.payway{ margin:10px 0;}
.payway h4{ background:#fff;  border-bottom:1px #e5e5e5 solid; padding:15px 10px; font-weight:normal; font-size:15px; color:#666; margin-top:10px;}
.payway ul{ background:#fff;}
.payway ul li{ border-bottom:1px #e5e5e5 solid; padding:15px 0; font-size:15px; color:#333; position:relative; margin-left:10px;}
.payway ul li img{ display:inline-block; width:30px; height:30px; vertical-align:-10px; margin-right:10px;}
.payway ul li i{ display:block; float:right; width:20px; height:20px; background:url(../img/unchecked.png) no-repeat center center; background-size:20px 20px; margin-right:10px;}
.payway ul li i.select{background:url(../img/checked02.png) no-repeat center center; background-size:20px 20px;}

.sure{ position:fixed; width:100%; max-width:640px; border-top:1px solid #e5e5e5; height:auto; bottom:0px; background:#fff; z-index:98; height:60px; line-height:60px;}
.sure p{ font-size:15px; color:#666; padding-left:10px;}
.sure p span{ font-size:15px; color:#666; padding-left:5px;}
.sure p em{ font-style:normal; font-size:12px; color:#ef0022;}
.sure p em b{ font-size:16px;}
.sure input{ width:40%; position:absolute; right:10px; top:10px; background:#ef0022; border-radius:2px; line-height:40px; text-align:center; color:#fff; font-size:16px; border:none;}



/*订单详情*/
.state{ padding:15px 0;font-size:15px; padding-left:10px;color:#fff; background:#ef0022;}
.state img{ display:inline-block; width:22px; height:22px; vertical-align:-5px;}
.state b{ font-weight:normal; color:#fff; padding-left:15px;}

.orderaddress{ background:#fff; padding:22px 10px;}
.orderaddress h2{ font-weight:normal; font-size:15px; color:#333;}
.orderaddress h2 img{ display:inline-block; width:23px; height:23px; vertical-align:-6px; margin-right:10px;}
.orderaddress h2 span{ padding-right:10px;}
.orderaddress p{ font-size:13px; color:#808080; padding-top:6px; padding-left:33px;}

.butt02{ width:100%; max-width:640px; background-color:#fff; position:fixed; bottom:0; height:94px; text-align:center; border-top:1px #eee solid;}
.butt02 h2{ font-weight:normal; font-size:14px; color:#808080; padding-top:12px;}
.butt02 h2 span{ display:inline-block; width:20px; height:20px; background:url(../img/unchecked.png) no-repeat center center; background-size:20px auto; vertical-align:-5px; margin-right:4px;}
.butt02 h2 span.select{ background:url(../img/checked01.png) no-repeat center center; background-size:20px auto;}
.butt02 h2 b{ font-weight:normal; font-size:14px; color:#333;}
.butt02 a{ display:block;background-color:#ef0022; border:none; border-radius:2px; box-shadow:1px 0px 18px rgba(212,15,103,0.4); width:90%; height:45px; color:#fff; font-size:12px; margin:0 auto; margin-top:12px; line-height:45px;} 
.butt02 a span{ font-size:17px; padding-right:10px;}
.butt02 a span:first-child{ padding-right:10px;}

.sale{ background:#fff;} 
.sale ul{ padding:10px 0 0 10px;}
.sale ul li{ line-height:30px; font-size:14px; color:#999;}
.sale ul li:last-child{ border-bottom:none;}
.sale ul li span{ float:right; padding-right:10px; color:#666; font-size:12px;}
.sale ul li span b{ font-weight:normal; font-size:14px;}
.sale ul li span.red{ color:#ef0022; }


.ordernumber{padding:10px; background:#fff; margin-top:10px; }
.ordernumber p{ font-size:12px; color:#999; line-height:26px;}
.ordernumber p span{ float:right;}
.ordernumber p span b{ font-weight:normal; padding-left:10px;}
.button02{ padding:10px 0;text-align:right; background:#fff;  position:fixed; bottom:0; width:100%; max-width:640px;}
.button02 input{ display:inline-block; width:75px; height:30px; border:1px #e5e5e5 solid; background:#fff; text-align:center;  color:#666; font-size:12px;  margin-right:15px;}
.button02 .pay{ border:1px #ef0022 solid; color:#ef0022;}


.success{ width:100%; max-width:640px; text-align:center; margin-top:15px;}
.success h2{ font-weight:normal; font-size:18px; color:#ef0022;}
.success h3{ font-weight:normal; font-size:18px; color:#ef0022;}
.success h4{ margin-top:30px; font-weight:normal;}
.success h4 input{ background:#fff; border:1px #ef0022 solid; height:50px; border-radius:2px; display:inline-block; color:#ef0022; font-size:18px; width:90%;}

.brand{ width:100%; max-width:640px; background:#fff;}
.brand .pic{ width:100%; max-width:640px;}
.brand .pic img{ display:block; width:100%;}
.brand .name{ padding:8px 15px;}
.brand .name h1{ font-weight:normal; margin-bottom:5px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.brand .name h1 b{ font-weight:normal;font-size:16px; color:#ef0022;}
.brand .name h1 span{ font-size:16px; color:#333; padding-left:5px;}

/*地址管理*/
.manage .consignee{ width: 100%; height: auto; margin-bottom:10px;}
.manage .consignee .add{ background:#ea2437;padding:15px 0; }
.manage .consignee .add a{ display:block;}
.manage .consignee .add span{ width: 100px; height: 20px; line-height: 20px; color: #fff; text-align: center; margin: 0 auto; font-size: 14px; background:url(../img/address_add.png) no-repeat left center; background-size: 20px; display:block; padding-left:10px;}

.manage .consignee .consignee-msg{ height: auto; padding:20px 10px;background:#fff; border-bottom:1px #f0f0f0 solid;}
.manage .consignee .consignee-msg .consignee-name{ width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #333;}
.manage .consignee .consignee-msg .consignee-name span{ display:inline-block; margin-right:10px;}
.manage .consignee .consignee-msg  .addressnumber{ color:#808080; margin-top:5px; font-size:14px;}
.manage .consignee .consignee-msg .address{ width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #666; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.manage .consignee .consignee-msg .code{ width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #666; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.manage .consignee .operation{ width: 100%; height:45px; line-height:45px; background-color: #fff; font-size: 13px; color:#999;}
.manage .consignee .operation .delete{ background:url(../img/address_del.png) no-repeat left center; background-size:19px; float:right; margin-right:10px; padding-left:25px; color:#999999; font-size:13px;}
.manage .consignee .operation .bj{ background:url(../img/address_edit.png) no-repeat left center; background-size:19px; float:right; margin-right:10px; padding-left:25px; color:#999999; font-size:13px;}

.manage .select-icon{ width: 20px; height: 20px; background:url(../img/unchecked.png) no-repeat center center; background-size:20px 20px; display: block; float: left; margin-left:10px; margin-right: 10px; margin-top:12px;}
.manage .select-icon s{ width: 20px; height: 20px; border-radius: 10px; display: block; }
.manage .select .select-icon{ border:none; width: 20px; height: 20px;  border-radius: 10px; display: block; }
.manage .select .select-icon s{ background:url(../img/checked01.png) no-repeat left top; background-size: 20px 20px;}

/*地址*/
.address02 { width: 100%; height: auto; } 
.address02 .listmsg{ background:#fff; }
.address02 .listmsg li{height: 44px; line-height: 44px; margin-left:10px; border-bottom: 1px solid #eee; overflow: hidden;}
.address02 .listmsg li text{ width:24%; height: 44px; display: block; float: left; color: #666;}
.address02 .listmsg li.links select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; width:30%; background:url(../img/slide.png) no-repeat right center; background-size:14px auto; font-size:15px; color:#333; margin-right:3%;}
.address02 .listmsg li input[type=text]{ width:100%; height: 44px; line-height: 44px; font-size: 15px; background: none; float: left; color: #333;}
.address02 .listmsg li:last-child { height:88px;}
.address02 .listmsg li:last-child textarea{ height:88px; line-height:44px; width:100%; font-size:15px; color:#333;}
.address02 .listmsg li:last-child{ border: none;}
.address02 .operation{ width: 100%; height: 36px; line-height: 36px;font-size: 13px; color:#999; margin-top:5px;}
.address02 .operation .select-icon{ width: 20px; height: 20px; background:url(../img/unchecked.png) no-repeat center center; background-size:20px 20px; display: block; float: left; margin-left:10px; margin-right: 10px; margin-top: 8px;}
.address02 .operation .select-icon s{ width: 20px; height: 20px; border-radius: 10px; display: block; }
.address .operation .select{ border:none; width: 20px; height: 20px;  border-radius: 10px; display: block; }
.address02 .operation .select s{ background:url(../img/checked01.png) no-repeat left top; background-size: 20px 20px;}
.butt{ margin-top:15px; text-align:center;}
.butt input{ display:inline-block; width:90%; height:50px; border-radius:2px; background:#ef0022; border:none; font-size:15px; color:#fff;}


/*订单*/
.tabber{ width:100%; max-width:640px; background:#fff; height:44px; position:fixed; top:50px; z-index:999; border-bottom:1px #e5e5e5 solid;}
.tabber span{ display:block; width:20%; float:left; text-align:center;color:#808080; font-size:15px; line-height:43px;}
.tabber span i{ font-style:normal; display:inline-block; height:43px;}
.tabber span.on i { border-bottom:1px #333 solid; color:#333;}


.orderlist ul li{ margin-bottom:10px;}
.orderlist ul li a{ display:block; background:#fff;}
.ordernum{ padding:10px 10px 5px 10px; font-size:15px; color:#666;}
.ordernum span{ float:right; color:#e52a34; font-size:14px;}
.ordernum em{ color:#fff; font-size:14px; background:#ff9409; display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; font-style:normal; border-radius:2px; margin-right:5px;}
.ordernum span.finish{ color:#666;}

.ordername .tk{ position:absolute;  right:10px; bottom:10px; font-size:12px; color:#666; height:23px; border:1px #e5e5e5 solid; border-radius:2px; width:43px; text-align:center; line-height:20px;}
.ordername .pic{ width:100px; height:100px;float:left;}
.ordername .pic img{ display:block; width:100px; height:100px;}
.allpro{padding:10px; height:26px; line-height:26px;  font-size:13px; color:#666; border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;}
.allpro span{ font-size:13px; color:#666; float:right;}
.allpro span i{ font-style:normal;}
.allpro b{color:#ea2437; font-size:15px;}

.button03{ padding:10px; text-align:right; background:#fff; font-size:15px; color:#df464b;}
.button03 input{ display:inline-block; min-width:75px; padding:0 5px;height:30px; border:1px #e5e5e5 solid; background:#fff; text-align:center;  color:#666; font-size:12px;margin-left:10px;}
.button03 .pay{ border:1px #333 solid; color:#333;}




